<template>
  <div>
    <h1>demo6</h1>
    <p>{{ title }}</p>
    <p>{{ user }}</p>
    <p>{{ msg }}</p>
    <button @click="edit">改变</button>
  </div>
</template>
<script lang='ts' setup>
import { ref, h, type Ref, isRef, reactive, isReactive, readonly, isReadonly, toRef, toRefs, unref, isProxy } from 'vue';

export interface Iuser {
  id?: number,
  name: string,
  age: number,
  sex: string
}

const { title = '小船儿晃晃岁月长', user, msg } = defineProps<{
  title?: string,
  user: Iuser,
  msg?: string
}>();

const edit = () => {

}
</script>
